<!DOCTYPE html>
<html lang="en">
  <!--Copyright (C)  2020  Emilia Blåsten
      Permission is granted to copy, distribute and/or modify this
      document under the terms of the GNU Free Documentation License,
      Version 1.3 or any later version published by the Free Software
      Foundation; with no Invariant Sections, no Front-Cover Texts, and
      no Back-Cover Texts. A copy of the license is included in the file
      "LICENSE_GFDL.html". -->
  <head>
    <meta charset="utf-8" />
    <title>Dr Blåsten photography</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.jpg" />
    <link rel="stylesheet" href="cssbox.css">
    <link rel="stylesheet" href="gallery.css">
  </head>

  <body style="background-color:rgba(119,119,119,1)">
    <div class="gall9title">
      <span style="font-family: serif; font-size: 8vmin; color: LightSkyBlue;">From another life</span>
    </div>
    <div class="gall9x8">
      <div class="cssbox _3x2" style="left:0%; top:12.5%;">
	<a id="img01" href="#img01">
	  <img class="cssbox_thumb" src="top10HK/img01-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img01.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_next" href="#img02">&gt;</a>
      </div>

      <div class="cssbox _2x2" style="left:33.3%; top:0%;">
	<a id="img02" href="#img02">
	  <img class="cssbox_thumb" src="top10HK/img02-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img02.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img01">&lt;</a>
	<a class="cssbox_next" href="#img03">&gt;</a>
      </div>

      <div class="cssbox _3x2" style="left:55.5%; top:0%;">
	<a id="img03" href="#img03">
	  <img class="cssbox_thumb" src="top10HK/img03-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img03.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img02">&lt;</a>
	<a class="cssbox_next" href="#img04">&gt;</a>
      </div>

      <div class="cssbox _3x2" style="left:0%; top:37.5%;">
	<a id="img04" href="#img04">
	  <img class="cssbox_thumb" src="top10HK/img04-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img04.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img03">&lt;</a>
	<a class="cssbox_next" href="#img05">&gt;</a>
      </div>

      <div class="cssbox _2x3" style="left:33.3%; top:25%">
	<a id="img05" href="#img05">
	  <img class="cssbox_thumb" src="top10HK/img05-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img05.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img04">&lt;</a>
	<a class="cssbox_next" href="#img06">&gt;</a>
      </div>

      <div class="cssbox _3x2" style="left:55.5%; top:25%;">
	<a id="img06" href="#img06">
	  <img class="cssbox_thumb" src="top10HK/img06-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img06.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img05">&lt;</a>
	<a class="cssbox_next" href="#img07">&gt;</a>
      </div>

      <div class="cssbox _2x3" style="left:0%; top:62.5%;">
	<a id="img07" href="#img07">
	  <img class="cssbox_thumb" src="top10HK/img07-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img07.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img06">&lt;</a>
	<a class="cssbox_next" href="#img08">&gt;</a>
      </div>

      <div class="cssbox _3x2" style="left:22.2%; top:62.5%;">
	<a id="img08" href="#img08">
	  <img class="cssbox_thumb" src="top10HK/img08-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img08.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img07">&lt;</a>
	<a class="cssbox_next" href="#img09">&gt;</a>
      </div>

      <div class="cssbox _2x3" style="left:55.5%; top:50%;">
	<a id="img09" href="#img09">
	  <img class="cssbox_thumb" src="top10HK/img09-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img09.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img08">&lt;</a>
	<a class="cssbox_next" href="#img10">&gt;</a>
      </div>

      <div class="cssbox _2x3" style="left:77.7%; top:50%;">
	<a id="img10" href="#img10">
	  <img class="cssbox_thumb" src="top10HK/img10-thumb.jpg">
	  <span class="cssbox_full">
	    <img src="top10HK/img10.jpg">
	  </span>
	</a>
	<a class="cssbox_close" href="#void"></a>
	<a class="cssbox_prev" href="#img09">&lt;</a>
      </div>
    </div>


<!--    <div style="height: 40vh;">
    </div>
-->
  </body>
</html>
